<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>老张博客前台模版</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>文章管理</title>
	<link rel="stylesheet" href="/plugins/layui/css/layui.css"  media="all" />
	<link rel="stylesheet" type="text/css" href="/css/style.css" />
	<link rel="stylesheet" type="text/css" href="/plugins/mdeditor/css/editormd.preview.css" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="/plugins/html5shiv.js"></script>
	<script type="text/javascript" src="/plugins/respond.min.js"></script>
	<![endif]-->
	<!--[if IE 6]>
	<script type="text/javascript" src="/plugins/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script>
	<![endif]-->
</head> 
<body>
<div th:include="front/incs/head::#head"></div>
<!-- 面包屑导航 开始 -->
<div class="main breadcrumb_nav trans_3">
	<span class="layui-breadcrumb" >
	  <a href="./index.html">首页</a><a href="">文章列表</a><a><cite>文章标题</cite></a>
	</span>
</div>
<!-- 面包屑导航 结束 -->
<!-- 文章 开始 -->
<div class="main">
	<div class="page_left">	
	<div class="detail_container trans_3">
		<h1><span th:text="${text.title}" /></h1>
		<div class="date_hits">
			<span><i>发布时间：</i><span th:text="${relativedate}" /></span>
			<span><i>作者：</i><span th:text="${text.updateuser.name}"  /></span>
			<span><i>热度：</i> <span th:text="${text.clicknum}+'℃'"  /> </span>
<!-- 			<span><i>评论数：</i> <a href="#SOHUCS" id="changyan_count_unit"><span th:text="${text.clicknum}"  /></a></span> -->
		</div>

		<div class="content" >
			<p th:if="${text.type.uid==1}" th:utext="${text.content}" />
		    <div id="mdcontent"  th:if="${text.type.uid==2}" ><textarea  style="display:none;" th:text="${text.content}"  /></div>
		</div>

			
	</div>	
	</div>
	<div class="page_right">
		<div class="second_categorys_container">
			<h3>栏目导航</h3>
			<ol class="page_right_list trans_3">
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 888 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 5 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 320 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 135 ℃ </span></li>
			</ol>
		</div>
		<div class="recommend_list">
			<h3>推荐文章</h3>
			<ol class="page_right_list trans_3">
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 888 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 5 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 320 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 135 ℃ </span></li>
			</ol>
		</div> 
		<div class="hot_list">
			<h3>最近热文</h3>
			<ol class="page_right_list trans_3">
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 888 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 5 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 320 ℃ </span></li>
				<li><a href="http://www.phplaozhang.com">老张博客上线啦(二)</a><span class="hits"> 135 ℃ </span></li>
			</ol>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- 文章 结束 -->
<div th:include="front/incs/bottom::#bottom"></div>
<script type="text/javascript" charset="utf-8"  src="/plugins/layui/layui.js"  />
<script src="/plugins/jquery.1.12.4.min.js"></script>
<script src="/plugins/mdeditor/lib/marked.min.js"></script>
<script src="/plugins/mdeditor/lib/prettify.min.js"></script>

<script src="/plugins/mdeditor/lib/raphael.min.js"></script>
<script src="/plugins/mdeditor/lib/underscore.min.js"></script>
<script src="/plugins/mdeditor/lib/sequence-diagram.min.js"></script>
<script src="/plugins/mdeditor/lib/flowchart.min.js"></script>
<script src="/plugins/mdeditor/lib/jquery.flowchart.min.js"></script>

<script src="/plugins/mdeditor/js/editormd.js"></script>

<script type="text/javascript">
layui.use(['form','element'], function(){
	var layer = layui.layer,
	form = layui.form(),
	element = layui.element(),
	$ = layui.jquery;
	
	//左边导航点击显示
	$('.left_nav_btn').click(function(){
		$('.left_nav_mask').show();
		$('.left_nav').addClass('left_nav_show');
	});
	//左边导航点击消失
	$('.left_nav_mask').click(function(){
		$('.left_nav').removeClass('left_nav_show');
		$('.left_nav_mask').hide();
	});
	
	//搜索框特效
	$('.header .head_search .search_input').focus(function(){
		$('.header .head_search').addClass('focus');
		$(this).attr('placeholder','输入关键词搜索');
	});
	$(document).click(function(){
		$('.header .head_search').removeClass('focus');
		$('.header .head_search .search_input').attr('placeholder','搜索');
	});
	$('.header .head_search').click(function(e){
		$(this).addClass('focus');
		e.stopPropagation();
	});
	/*$('.header .head_search .close').click(function(){
		$('.header .head_search').removeClass('focus');
		$('.header .head_search .search_input').attr('placeholder','搜索');
	});*/
	
	//回到顶部
	$("#to_top").click(function() {
	  $("html,body").animate({scrollTop:0}, 200);
	});
	$(document).scroll(function(){
		var	scroll_top = $(document).scrollTop();
		if(scroll_top > 500){
			$("#to_top").show();
		}else{
			$("#to_top").hide();
		}
	});
});

$(function() {
    var mdContent;
    mdContent = editormd.markdownToHTML("mdcontent", {
        htmlDecode      : "style,script,iframe",  // you can filter tags decode
        emoji           : true,
        taskList        : true,
        tex             : true,  // 默认不解析
        flowChart       : true,  // 默认不解析
        sequenceDiagram : true,  // 默认不解析
    });
});
</script>
</body>
</html>